{% extends "layout.html" %}

{% block title %}Modification etat carte sim{% endblock %}

{% block content %}
<!-- script pour modif odre affichage -->
<script type="text/javascript"> if (window.jQuery == undefined) document.write( unescape('%3Cscript src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"%3E%3C/script%3E') );</script>
<script type="text/javascript" src="js/vendor/jquery.tablesorter.min.js"></script>
<script>
	$(function(){
  $("#myTable").tablesorter();
});
</script>
<!-- Formulaire de recherche -->
<form method="get">
<fieldset>
		<legend>Recherche d'une carte sim</legend>
  
		<div class="input-prepend">
			<span class="add-on"><i class="icon-signal"></i></span>
			<input name="search-name" id="search-name" type="text" placeholder="N° carte sim ou statut" value="{{searchName}}"/>
        </div>
            
	
        <div class="input-prepend">
			<button type="submit" class="btn btn-info" name="action" value="search"><i class="icon-search icon-white"></i> Rechercher</button>
		</div>
</fieldset>
</form>

		

<!-- Tableau listant les clients -->
<fieldset>
		<legend>Liste des cartes sim</legend>
		<table class="table table-striped tablesorter" id="myTable" >
		  <thead>
			<tr>
              <th>Carte sim</th>
              <th>Type</th>
			  <th>PUK</th>
			  <th>Statut</th>
              <th></th>
              <th></th>
             <!--   <th>Prix Seul </th>
              <th>Prix Avec Equipement </th>-->
			  <th></th>
			</tr>
		  </thead>
		  <tbody>
			{% for offre in offres %}
			<tr>
				<td>{{offre.transatelId}}</td>
				<td>{{offre.iccld}}</td>
				<td>{{offre.puk}}</td>
				<td>{{offre.hlrstatus}}</td>
			
				<td>
					<div class="btn-group">
					  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						Actions
						<span class="caret"></span>
					  </a>
					  <ul class="dropdown-menu">
							<li><a href="changement-statuts-sim-modification?id={{offre.transatelId}}"><i class="icon-edit"></i> Modification</a></li>
							
					  </ul>
					</div>
				</td>
			</tr>
			{% endfor %}
		  </tbody>
		</table>
</fieldset>
    
{% endblock %}
	
